﻿@using KDS.Mes.Web.Navigation
@using Abp.Web.Mvc.Extensions
@using KDS.Mes.Web.Models.AlcCodes
@using Abp.Application.Services.Dto
@model AlcCodesViewModel
@{
    ViewBag.ActiveMenu = PageNames.App.Common.AlcCodes;
}
@section Styles{

    <link href="~/Content/datepicker/datepicker3.css" rel="stylesheet" />
}

@* 注入所需JS *@
@section Scripts
{
    <script src="~/Content/datepicker/bootstrap-datepicker.js"></script>
    <script src="~/Content/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
<script src="~/Content/layer/layer.js"></script>
    @Html.IncludeScript("~/Views/AlcCodes/_CreateOrEditAlcCodeModal.js")
    @Html.IncludeScript("~/Views/AlcCodes/Index.js")
}
@*<div class="col-md-12">*@
    @*collapsed-box*@
    <div class="box box-info collapsed-box">
        <div class="box-header with-border">
            <h3 class="box-title">@L("Query")</h3>
            <div class="box-tools pull-right">
                <button id="btn-query" type="button" class="btn btn-xs">
                    <i class="fa fa-search">@L("Query")</i>
                </button>
                <button type="button" class="btn btn-box-tool" data-widget="collapse">
                    <i class="fa fa-plus"></i>
                </button>
            </div>
        </div>
        <form class="form-horizontal">
            <div class="box-body">
                <div class="form-group">
                    <label for="CartypeId" class="col-sm-1 control-label">@L("CartypeId")</label>
                    <div class="col-sm-2">
                        @Html.DropDownList("cartypeId", Model.Cartypes.Select(a => a.ToSelectListItem()), new
                   {
                       @class = "form-control selectpicker",
                       data_live_search = "true",
                       data_none_selected_text = L("PlaaseSelect"),
                       id = "cartypeId"
                   })
                    </div>
                    <label for="StyleId" class="col-sm-1 control-label">@L("StyleId")</label>

                    <div class="col-sm-2">
                        @Html.DropDownList("styleId", Model.Styles.Select(a => a.ToSelectListItem()), new
                       {
                           @class = "form-control selectpicker",
                           data_live_search = "true",
                           actionsBox = "true",
                           data_none_selected_text = L("PlaaseSelect"),
                           id = "styleId"
                       })
                    </div>
                    <label for="ALCCode" class="col-sm-1 control-label">@L("ALCCode")</label>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" id="ALCCode">
                    </div>

                </div>
            </div>
        </form>
    </div>

    <div class="box">
        <div class="box-body">
            <!-- bootstrap-tablel指定的工具栏 -->
            <div id="toolbar" class="btn-group">
                <button id="btn-add" type="button" class="btn btn-primary">
                    <span class="fa fa-plus" aria-hidden="true"></span> @L("Add")
                </button>
                <button id="btn-edit" type="button" class="btn btn-success">
                    <span class="fa fa-pencil" aria-hidden="true"></span> @L("Edit")
                </button>
                <button id="btn-delete" type="button" class="btn btn-danger">
                    <span class="fa fa-remove" aria-hidden="true"></span> @L("Delete")
                </button>
                <button id="btn-export" type="button" class="btn btn-info">
                    <span class="glyphicon glyphicon-export" aria-hidden="true"></span> @L("Export")
                </button>
            </div>
            <!--bootstrap-table表体-->
            <table id="tb"></table>
        </div>
    </div>
@*</div>*@









